<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			window.onload = function(){
				var oDiv = document.getElementById("div1");
				
//				console.log(oDiv.id);
//				console.log(oDiv.className);
//				console.log(oDiv.bg);
//				
//				console.log(oDiv.style);
				//console.dir(oDiv);//本身就有的属性可以直接通过 对象.属性名 就可以操作了。没有的自定义的，通过以下方式操作
				
				console.log(oDiv.getAttribute('bg'));
//				get:活得
//				attribute:属性
//				本身就有的也可以通过getAttribute获得
				console.log(oDiv.getAttribute('style'));
				
//				设置属性 setAttribute();
				oDiv.setAttribute('index',1);
				
				
			}
		</script>
	</head>
	<body>
		<div id="div1" class="c1" bg="red" style="color:red">
			sdf
		</div>
	</body>
</html>
